<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>促销/镇店之宝</title>
    <link rel="stylesheet" href="./css/goodgoods.css">
</head>
<body>
    <header>
        <div class="hdTopbox">
            <a href="main.html"><img src="images/logo.jpg" class="logoImg"></a>            
            <input type="text" id="searchTxt" class="searchTxt fl">
            <button class="searchBtn fl">搜索</button>
            <img src="images/广告.jpg" class="guanggaoimg">
        </div>
        <div class="hdButtombox">
            <div class="allBox fl">
                <span>全部商品分类</span>
            </div>
            <div class="secBox1 fl">
                <a href="#" class="secn">我的亚马逊</a>
            </div>

            <div class="secBox fl">
                <a href="#" class="secn">海外购</a>
            </div>

            <div class="secBox fl">
                <a href="#" class="secn">Kindle电子书</a>
            </div>

            <div class="secBox fl">
                <a href="#" class="secn">镇店之宝</a>
            </div>

            <div class="secBox fl">
                <a href="#" class="secn">全球开店</a>
            </div>

            <div class="secBox fl">
                <a href="#" class="secn">客户服务</a>
            </div>

            <div class="gwcBox fr">
                <a href="cart.html"><span>购物车</span></a>
            </div>
            <div class="loginBox fr">
                <a href="register.html"><span>登录</span></a>
            </div>
        </div>
    </header>
    <section>
        <div class="box">
            <div class="hd">
                <div class="current divs"><img src="images/sale.jpg" alt=""><span>所有促销</span></div>
                <div class="divs"><img src="images/bx.jpg" alt=""><span>镇店之宝</span></div>
                <div class="divs"><img src="images/z.jpg" alt=""><span>Z划算</span></div>
                <div class="divs"><img src="images/bfb.jpg" alt=""><span>领券立减</span></div>
            </div>
            <div class="bd">
                <ul>
                    <li class="current lis"><img src="images/tab图1.jpg" alt=""></li>
                    <li class="lis"><img src="images/tab图2.jpg" alt=""></li>
                    <li class="lis"><img src="images/tab图3.jpg" alt=""></li>
                    <li class="lis"><img src="images/tab图4.jpg" alt=""></li>
                </ul>
            </div>
        </div>
    </section>
    <footer>
        <div class="ftTopbox">
            <div class="ftTopmsg fl">
                <span class="tit1">了解我们</span>
                <a href="#" class="ftAbig">人才招聘</a>
                <a href="#" class="ftAbig">关于亚马逊</a>
                <a href="#" class="ftAbig">新闻中心</a>
            </div>
    
            <div class="ftTopmsg fl">
                <span class="tit1">合作信息</span>
                <a href="#" class="ftAbig">我要开店</a>
                <a href="#" class="ftAbig">加入联盟</a>
                <a href="#" class="ftAbig">合作伙伴</a>
            </div>
    
            <div class="ftTopmsg fl">
                <span class="tit1">帮助中心和购物指南</span>
                <a href="#" class="ftAbig">付款与退款</a>
                <a href="#" class="ftAbig">汇款单招领</a>
                <a href="#" class="ftAbig">发货与配送</a>
                <a href="#" class="ftAbig">退货与换货</a>
                <a href="#" class="ftAbig">帮助中心</a>
            </div>
        </div>
        <div class="ftlogobox">
            <img src="./images/navAmazonLogoFooter._CB485935925_.jpg" alt="">
        </div>
        <span class="ance">美国/地区|加拿大|巴西|墨西哥|英国/地区|法国/地区|意大利|西班牙|德国/地区|日本|印度|亚马逊家族网站:Shopbop</span>
        <span class="ance">使用条件 隐私声明 版权所有 © 1996-2021，亚马逊公司或其关联公司</span>
        <span class="ance">互联网药品信息服务资格证书 (京)-非经营性-2012-0005</span>
        <span class="ance">京公网安备11010502030232号 增值电信业务经营许可证：合字 B2-20090004营业执照：91110000717883277U</span>
        <span class="ance">京ICP备11014788号出版物经营许可证</span>
    </footer>
</body>
<script>
	var oSpans = document.querySelectorAll('.divs');
	var  oLis = document.querySelectorAll('.lis');
	 for(let i=0;i<oSpans.length;i++){
		 oSpans[i].onclick = function(){
			 var index = i;
			 for(let j=0;j<oSpans.length;j++){
				 oLis[j].className=oSpans[j].className=index==j?'current':'divs';
			 }
		 }
	 }
</script>
</html>